<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0102_Print_Detail-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog._title | translate"></div>
        <!--More Menu-->

        <!--Close button-->
        <div class="kmi-side-btn right" ng-click="dialog.hide();">
            <img src="image/icons/clear.png" />
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" style="flex: 1">
        <!--Page-->
        <div class="kmi-layout-page">
            <div class="mdd-layout c-mdd-layout" layout-name="B0102_Print_Detail" page-name="" page-type="Dialog" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(3, auto 1fr)">
                <label class="label" ng-show="dialog._event['repair_order_no'].isShown != 'N'" style="" ng-bind="'B0102_Print_Detail.columns.repair_order_no' | translate"></label>
                <div class="value" ng-show="dialog._event['repair_order_no'].isShown != 'N'" style="">
                    <input type="text" undefined="" id="repair_order_no" ng-model="dialog.printList.repair_order_no" ng-keypress="dialog._event['repair_order_no'].change(dialog.printList.repair_order_no, {event:$event});" ng-disabled="dialog._event['repair_order_no'].isDisabled == 'Y'" />
                </div>
                <label class="label" ng-show="dialog._event['print_user'].isShown != 'N'" style="" ng-bind="'B0102_Print_Detail.columns.print_user' | translate"></label>
                <div class="value" ng-show="dialog._event['print_user'].isShown != 'N'" style="">
                    <input type="text" undefined="" id="print_user" ng-model="dialog.printList.print_user" ng-keypress="dialog._event['print_user'].change(dialog.printList.print_user, {event:$event});" ng-disabled="dialog._event['print_user'].isDisabled == 'Y'" />
                </div>
                <button class="kmi-button kmi-button-confrim btn-qrcode-query" style="grid-column-start: span 2" ng-show="dialog._fn['search_button'].isShown != 'N'" ng-disabled="dialog._fn['search_button'].isDisabled == 'Y'" ng-click="dialog._fn['search_button'].click(dialog.search_button, 'search_button', {event:$event});">
                    <label>{{'B0102_Print_Detail.columns.search_button' | translate}}</label>
                    <div class="kmi-can-click"></div></button
                ><label class="label" ng-show="dialog._event['start_date'].isShown != 'N'" style="" ng-bind="'B0102_Print_Detail.columns.start_date' | translate"></label>
                <div class="value" ng-show="dialog._event['start_date'].isShown != 'N'" style="">
                    <input type="text" readonly="" ng-model="dialog.printList.start_date" ng-click="dialog._event['start_date'].click(dialog.printList.start_date, {event:$event});" ng-disabled="dialog._event['start_date'].isDisabled == 'Y'" />
                </div>
                <label class="label" ng-show="dialog._event['end_date'].isShown != 'N'" style="" ng-bind="'B0102_Print_Detail.columns.end_date' | translate"></label>
                <div class="value" ng-show="dialog._event['end_date'].isShown != 'N'" style="">
                    <input type="text" readonly="" ng-model="dialog.printList.end_date" ng-click="dialog._event['end_date'].click(dialog.printList.end_date, {event:$event});" ng-disabled="dialog._event['end_date'].isDisabled == 'Y'" />
                </div>
                <div class="mdd-list c-mdd-list" ng-show="dialog._event['printDetailList'].isShown != 'N'" style="height:{{dialog._event['B0102_Print_Detail'].GetfillHeight()}};grid-column-start:span 6;" list-name="B0102_Print_Detail_Data" list-bind="dialog.printDetailList" list-alias="dialog.printList.printDetailList" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
                    <div class="kmi-list column-selector" kmi-scrollbar="0px" column-selector-id="B0102_Print_Detail_Data" style="flex: 1">
                        <div class="kmi-list__header">
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.printDetailList.printno'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objprintDetailList.header[0].isFilter">
                                    <input ng-model="dialog._objprintDetailList.filterColumns['printno']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objprintDetailList.header[0].isFilter = false;dialog._objprintDetailList.filterColumns['printno'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objprintDetailList.header[0].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objprintDetailList.header[0].isFilter = true">search</i>
                                    <label ng-bind="'B0102_Print_Detail_Data.columns.printno' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objprintDetailList.queryOrder == 0">{{!dialog._objprintDetailList.header[0].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(0, 'printno', 'dialog._objprintDetailList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.printDetailList.creator'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objprintDetailList.header[1].isFilter">
                                    <input ng-model="dialog._objprintDetailList.filterColumns['creator']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objprintDetailList.header[1].isFilter = false;dialog._objprintDetailList.filterColumns['creator'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objprintDetailList.header[1].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objprintDetailList.header[1].isFilter = true">search</i>
                                    <label ng-bind="'B0102_Print_Detail_Data.columns.creator' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objprintDetailList.queryOrder == 1">{{!dialog._objprintDetailList.header[1].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(1, 'creator', 'dialog._objprintDetailList');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.printDetailList.createdate'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objprintDetailList.header[2].isFilter">
                                    <input ng-model="dialog._objprintDetailList.filterColumns['createdate']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objprintDetailList.header[2].isFilter = false;dialog._objprintDetailList.filterColumns['createdate'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objprintDetailList.header[2].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objprintDetailList.header[2].isFilter = true">search</i>
                                    <label ng-bind="'B0102_Print_Detail_Data.columns.createdate' | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objprintDetailList.queryOrder == 2">{{!dialog._objprintDetailList.header[2].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(2, 'createdate', 'dialog._objprintDetailList');"></div>
                                </div>
                            </div>
                        </div>
                        <div class="kmi-list__row-content">
                            <div class="kmi-list__row" id="B0102_Print_Detail_Data_result_list" ng-repeat="item in dialog._event['dialog.printDetailList'].getPages(dialog.printList.printDetailList, dialog._objprintDetailList.PageConfig, dialog._objprintDetailList.filterColumns, dialog._objprintDetailList.header[dialog._objprintDetailList.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.printDetailList'].checkSelect(item, {index:$index, event:$event})}">
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.printDetailList.printno'].isShown != 'N'">{{item.printno}}</div>
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.printDetailList.creator'].isShown != 'N'">{{item.creator}}</div>
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.printDetailList.createdate'].isShown != 'N'">{{item.createdate}}</div>
                                <div class="kmi-can-click" ng-click="dialog._event['dialog.printDetailList'].rowClick(item, {index:$index, event:$event});"></div>
                            </div>
                        </div>
                    </div>
                    <div class="page-content">
                        <div class="page-icon">
                            <img src="image/icons/dropleft.png" />
                            <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objprintDetailList.PageConfig);"></div>
                        </div>
                        <label ng-bind="dialog.pageInfo(dialog._objprintDetailList.PageConfig);"></label>
                        <div class="page-icon">
                            <img src="image/icons/dropright.png" />
                            <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objprintDetailList.PageConfig);"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
